<script type="text/javascript">
    $(document).ready(function()
    {  
        $('.classBotonDeporte').button({
            icons: {
                primary: "ui-icon-folder-open"
            }
        });
        
        $('.classBotonDeporte').click(function(){
            //alert('sale');
            deporte=$(this).find('input#iCdeporteId').val();
            deportenombre=$(this).find('input#iCdeporteNombre').val();
            institucion = $('#selectCarnetInstitucion').val();
            //url=controller/modules/carnetizacion/getPDF.php&content=false&deporte={$deporte['id']}&deportenombre={$deporte['nombre']}'
            window.open('direc.php?url=controller/modules/carnetizacion/getPDF.php&content=false&deporte='+deporte+'&deportenombre='+deportenombre+'&institucion='+institucion, '_blank');
            //return false;
            //           $('#divImpresion').load(
            //            'direc.php',{
            //                'url':'controller/modules/carnetizacion/getPDF.php',
            //                'content':'false'
            //});
            $('#divImpresion').html('El archivo se visualizara en una nueva pestaña');
            $('#divImpresion').dialog({
                width:'600px'
            });
        });
        
        
    })
</script>
<div id="divImpresion" style="display: none" title="Impresión de Escarapelas">
    <img src="include/imagenes/escarapelaOlimpiadas.gif">
</div>
<br>
<div>
    Dar clic sobre las materías Para descargar las escarapelas
</div>
<br>
<div style="padding: 10px">
    <?php
//si tiene perfil administrador traer las instituciones
    if ($_SESSION['perfilId'] == 2) {
        echo "<select id='selectCarnetInstitucion'><option value='0'>Todas</option>";
        foreach ($arrayInstituciones as $institucion) {
            echo " <option value='{$institucion['id']}'>{$institucion['nombre']}</option>";
        }
        echo"</select>";
    }
    ?>
</div>
<!--Mostar Listado de deportes--->
<?php
$limiteDiv = 1;
foreach ($arrayDeportes as $deporte) {
    echo "<div class= 'grid_3 ui-widget-content' style='padding: 5px'>
        <a href='#' class= 'classBotonDeporte'>"
    . $deporte['nombre'] .
    "<input type='hidden' id='iCdeporteId' value='{$deporte['id']}'></input>
    <input type='hidden' id='iCdeporteNombre' value='{$deporte['nombre']}'></input>
        </a><ol></ol></div>";
    if ($limiteDiv == 3) {
        echo "<div class='clear' ></div><div><br></div>";
        $limiteDiv = 0;
    }
    $limiteDiv++;
}
echo "<div class='clear'></div>";
?>


